<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <title>文书详情</title>
    <style>
        *{padding:0;margin:0px;}
h1,h2,h3{color:#222;text-indent:0;line-height:25px}
li{
	list-style:none;
}
body{

}
.box{
  display:box;
  display:-webkit-box;
  display:-moz-box;
  display:-o-box;
  display:-ms-box;
}
.clearfix:after{
  content: "020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.clearfix {
  /* 触发 hasLayout */
  zoom: 1;
}
/* common css 模块 样式 by bule lirenwei */
/*两栏模块*/
.towmodule{
	zoom:1;
}
.towmodule:after{
	content: "020";
    display: block;
  	height: 0;
  	clear: both;
  	visibility: hidden;
}
.towmodule li{
	float:left;
}
.towmodule .mright{
	float:right;
}
li{list-style:none;}
a{
	outline:none;
	text-decoration:none;
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}
.contacten{
	border-bottom:1px solid #e2e2e2;
	padding:10px;
	background:#fff;
}
.contacten div{
	border-left:3px solid #2eb3e8;
	padding-left:10px;color:#808080;
	font-size:10px;line-height:16px;
}
.contacten div li{
	color:#333;
	margin-right:16px;
}/**/
.editorinfor {
    background: #fff;
    border-bottom:1px solid #e2e2e2;
}
.thecontbg {
    width: 47px;
}
.thecontbg span{
    width: 46px;
    height: 46px;
    display: inline-block;
    position: relative;
    top: 6px;
    left: 4px;
    background: #ccc url(../images/icon.png) -64px -0px no-repeat;
    background-size: 281px 225px;
    border-radius: 50%;
}
li.thecontbg .check{
    background: url(../images/icon.png) -0px -0px no-repeat;
    background-size: 281px 225px;
}
li.thecontbg .information{
    background: url(../images/icon.png) -46px -0px no-repeat;
    background-size: 281px 225px;
}
.editorinfor .conttex_replace{
	padding-left:24px;
}
.conttex_replace {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
p.p_text_con {
    font-size: 11px;
    color: #000;
    line-height: 16px;
    height: 20px;
    overflow: hidden;
}
.conttex_replace .spanright {
    font-size:9px;
    color: #9b9b9b;
}.editorinfor a{display:block;}
.w50{
	width:50%;
}
.w50br{
	width:50%;
}.w50bl a{
	display:block;
	border-left:1px solid #e2e2e2;
}
/**/
.classifi{
	background:#fff;
}
.classifi li{
	width:25%;
	text-align:center;
}
.classifi li a{
	display:block;padding:6px 0;
	border-left:1px solid #e2e2e2;
	font-size:10px;color:#333;line-height:16px;
}
.classifi li a p{
	color:#929292;
}/**/
p.p_text_con2{
    font-size: 11px;
    color: #000;
    line-height:19px;
    height:34px;
    overflow: hidden;
}/**/
.thecontbg i{
	width:16px;
    height:16px;
    display: inline-block;
    position: relative;
    top:-44px;
    left:36px;
    background:url(../images/icon.png) -0px -44px no-repeat;
    background-size: 281px 225px;
    border-radius: 50%;
}
li.thecontbg .message{
    background: url(../images/icon.png) -93px -0px no-repeat;
    background-size: 281px 225px;
}
li.thecontbg .certificate{
    background: url(../images/icon.png) -138px -0px no-repeat;
    background-size: 281px 225px;
}/*11*/
.editorinfor2 {
    border-top: 1px solid #e2e2e2;
    background: #fff;
    padding-right: 10px;
}
.w63 {
    width: 63%;
}
.conttex_replace {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
p.p_text_con2 {
    font-size: 11px;
    color: #000;
    line-height:20px;
    height: 32px;
    overflow: hidden;
}/*12*/
.w31{width:31%;}
.w69{width:69%;}
.navin li{float:none;}
.navin li:nth-child(1){
	border-top:1px solid #e2e2e2;
}
.navin a{
	display:block;
	padding:18px;
	padding-right:6px;
	font-size:11px;
	border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;background:#fff;
	color:#222;
}
.navin li.now a{
	border-right:none;
	background:none;
	color:#26b2f0;
}
.boxcontin{
	display:none;
}.show{
	display:block;
}
.boxcontin p,.boxcontin a{
	display:block;
	color:#222;
	line-height:46px;
	font-size:11px;
	text-indent:20px;
}
.boxcontin .now,.boxcontin .now a{
	color:#26b2f0;
}/*13*/
.context3in{
	padding:12px;
	background:#fff;
	border-top:1px solid #e2e2e2;
	line-height:32px;
	font-size:10px;
	color:#333;
}
.context3in span{
	color:#999;
}
.limr5 li{
	margin-right:15px;
}
.limr5 span{
	width:21px;
    height:20px;
    display: inline-block;
    position: relative;
    top:6px;
    left:0px;
    background:url(../images/icon.png) -157px -47px no-repeat;
    background-size: 281px 225px;
}
.choose{cursor:pointer;}
.limr5 .chooseN{
	background:url(../images/icon.png) -158px -70px no-repeat;
    background-size: 281px 225px;
}
.exit{
	margin-top:40px;
	text-align:center;
}
.exit div{
	background:#2eb3e8;
	margin:0 10px;
	font-size:10px;
	color:#fff;
	padding:8px 0;
	border-radius:4px;
	cursor: pointer;
}/*14*/
.bgrecord .tablecon{
    background: url(../images/icon.png) -192px -56px no-repeat;
    background-size: 281px 225px;
}
.bgrecord span {
    width: 22px;
    height: 21px;
    display: inline-block;
    position: relative;
    top: 16px;
    left: 6px;
    background: url(../images/icon.png) -222px -55px no-repeat;
    background-size: 281px 225px;
    margin-right: 0px;
}
.audit{
	background:#fff;
	padding:4px 10px 30px 10px;
	line-height:30px;
	font-size:10px;
}
.t2 .arrowri{
	top:2px;
}
.contbggt{
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top:2px;
    left:0px;
    background: url(../images/icon.png) -0px -44px no-repeat;
    background-size: 281px 225px;
    border-radius: 50%;
}/*end*/
.conttex_replace b{
    font-size:9px;
    color: #2eb3e8;
    font-weight:normal;
    display:inline-block;
    margin-right:12px;
}
.textb_nobor {
    padding-top: 10px;
    border-bottom: 1px solid #f3f3f3;
    background: #fff;
    padding-bottom: 10px;
}
.textb_nobor textarea {
    display: block;
    width: 92%;
    margin-left: 10px;
    color: #a1a1a1;
    height: 110px;
    border: none;
    outline: none;
}/**/
.the_layout{display:none;}
.now .arrowri{
    width: 10px;
    height: 16px;
    display: inline-block;
    background: url(../images/icon.png) -2px -79px no-repeat;
    background-size: 281px 225px;
    position: relative;
    top:19px;
}
/*421*/
.contlipor{
	position:relative;
	line-height:18px;
	padding-left:12px;
}
.contlipor .checkbox{
	width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/icon.png) -158px -117px no-repeat;
    background-size: 281px 225px;
    position:absolute;
    bottom:3px;
    right:0px;
    cursor:pointer;
}
.contlipor .checkboxY{
	width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/icon.png) -158px -142px no-repeat;
    background-size: 281px 225px;
    position:absolute;
    bottom:3px;
    right:0px;
    cursor:pointer;
}/**/
.contpor .checkbox2Y{
	width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/icon.png) -158px -142px no-repeat;
    background-size: 281px 225px;
    cursor:pointer;
}
.contpor .checkbox2{
	width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/icon.png) -158px -117px no-repeat;
    background-size: 281px 225px;
    cursor:pointer;
}
.contpor .checkbox2N{
	width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/icon.png) -158px -94px no-repeat;
    background-size: 281px 225px;
    cursor:pointer;
}
.contpor a{
	color:#333;
	position:relative;
	top:-6px;cursor:pointer;
}
.contlipor span {
    color: #999;
}/**/
.mr10l10 {
    padding-left: 10px;
    padding-right: 10px;
    background: #fff;
}
.text_cont_sc li {
    font-size:8px;
    color: #3477cf;
    line-height: 20px;
}
.upload {
    position: relative;
}
.leftpic {
    width: 23.4%;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-right: 7px;
}
.leftpic img {
    width: 100%;
}
.upload input {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.the_layout .nowli{
	background:#f2f2f2;
}
.context3in p select{
	display:block;
	width:100%;
	border:1px solid #eee;
}
.context3in select{
	display:block;
	width:100%;
	margin-top:8px;
}/**/
.complete{
	position:relative;
	top:16px;font-size:9px;
	color:#48c255;
}
.thecontbg {
    width: 30px;
}
.thecontbg .loca {
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
    top:13px;
    left: 4px;
    background:#48c255;
    background-size: 281px 225px;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
    color: #fff;
}/**/
.J_trade_status {
    font-size:8px;
    width: 100%;
    margin-bottom: 20px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.J_trade_status table {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
}
.J_trade_status thead {
    background:#ebe6e6;
    text-align:center;
}
.J_trade_status thead td {
    padding: 4px 0;
}
.ta_tdw1 {
    width:33.2%;
}
.ta_tdw2 {
    width:33%;
}
.ta_tdw3 {
    width:31.2%;
}
.J_trade_status tbody td {
    padding:4px 0;
    text-align:center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.table_td .context3in {
    padding:0;
    padding-left:8px;
    border-top:0px;
}
.table_td .context3in li{
	margin-right:8px;
}
.context3in h2{
	margin-bottom:12px;
}
.context3in p{
	text-indent:2em;
}
.conttex_replace i,.conttex_replace strong{
    font-size:8px;
    color: #f00;
    font-weight: normal;
    display: inline-block;
    margin-right:12px;
    font-style:normal;
}
.conttex_replace strong{
	color:#48c255;
}/**/
.contws{
	background:#fff;
	padding:4px 10px;
	font-size:8px;
	line-height:18px;
	font-weight:bold;
	color:#2b2b2b;
}
.contws h2{
	text-align:center;
	padding:10px;
	font-size:14px;
	color:#2b2b2b;
}
.contws span{
	display:inline-block;
	padding:0 12px;
	border-bottom:1px solid #999;
	line-height:16px;
}
.tr{
	text-align:right;
}
.contws div{
	text-indent:2em;
}
.pt20{
	padding-top:20px;
}/**/
.sbao i{
    width: 21px;
    height: 20px;
    display: inline-block;
    position: relative;
    top:7px;
    left: 0px;cursor:pointer;
    margin:0 5px;
    background: url(../images/icon.png) -186px -95px no-repeat;
    background-size: 281px 225px;
}
.sbao .shown{
	background: url(../images/icon.png) -186px -118px no-repeat;
    background-size: 281px 225px;
}
.boxcontin p a{
	position: relative;
}
.boxcontin i{
    background: #ea524d;
    font-size:9px;
    height: 14px;
    line-height: 14px;
    color: #fff;
    padding: 2px 10px;
    top:0px;font-style:normal;
    border-radius: 9px;
}
.boxcontin span{
    font-size:9px;
    height:14px;
    line-height: 14px;
    color: #333;
    position:absolute;
    top:14px;
    color:#ea524d;
    right:0px;
}/*add423*/
.tonglan{
	background:#2bb3e7;
	font-size:9px;
	color:#fff;
}
.tonglan .p_text_con2{
	color:#fff;
}
.tonglan li{
	padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#fff;
}
.arrtex{
	position:relative;
	top:5px;
    font-size:12px;
    font-weight:bold;
}
.tonglan .submit{
	padding-right:10px;
	padding-top:12px;
}/*add 428*/
table{
    border-collapse: collapse;
    border-spacing: 0;
}
.J_trade_status{
	font-size:8px;
	width:100%;
	margin-bottom:20px;
	margin-top:10px;
}
.J_trade_status table{
	width:100%;
	background:#fff;
	border:1px solid #080808;
}
.J_trade_status thead{
	background:#ddd;
	text-align:center;
}
.J_trade_status thead td{
	padding:4px 0;
}
.J_trade_status tbody td{
	padding:9px 0;
	text-align:center;
	text-indent: 0;
	border-right:1px solid #080808;
	border-bottom: 1px solid #080808;
}
.ta_tdw1{
	width:30.2%;
}
.ta_tdw2{
	width:14.4%;
}
.ta_tdw3{
	width:30.2%;
}
.ta_tdw4{
	width:24.4%;
}
.portextp{
	position:relative;
	border-top:1px solid #999;
	margin-top:0px;
	padding-top:10px;
}
.portextp div{
	width:36%;
	position:absolute;
	top:-60px;
	right:20px;
}
.portextp div img{
	width:100%;
}
/*add 5-7 table*/
.ta_tdw5{
    width:24%;
}
.contact{

}
.contact li{
	border-right:1px solid #080808;
	width:33%;
}
.contact li:nth-child(3){
	border-right:none;
}
.nop table td{
	padding:0;
	line-height:18px;
	text-align:left;
}
.posrp p{
	position:relative;
	top:-4px;
}/*add new page */
.mapcont{
	display:inline-block;
	background:#ccc;
	color:#333;
	padding:0px 4px;
	border-radius:4px;
}
.notin p{
	text-indent:0;
}
.context3in .w50 input{
	width:72%;
	display:inline-block;
}
.w40 {
    width:40%;
}
.w60 {
    width:60%;
}
.J_trade_status thead{
	background:#eee;
}
.J_trade_status thead td {
    text-align: center;
    border-right: 1px solid #080808;
    border-bottom:0.4px solid #080808;
}
.contex2co{
	background:#fff;
	padding-top:10px;
}
.contex2co p{
	padding-bottom:10px;
	text-indent:10px;
}
.context3in .textin0{
	text-indent:0;
}
.context3in .textweih{
	width:100%;
	display:inline-block;
	background:#fff;
	border-radius:5px;
	border:1px solid #eee;
	outline: none;
	text-indent:12px;
	height:120px;
}
/*add 513*/
.special{
	margin-top:10px;
	border-radius:8px;
	padding:10px;
	background:#fff;
}
.special ul{
	border-top:none;
	padding:4px 10px;
}
.textar{
	text-align:right;
}
.blodfon{
	font-size:12px;
}
.ter{
	text-align:right;
}
.context3in .fr{
	float:right;
}
.context3in .innot {
    text-indent:0;
}
.wendli .conttex_replace {
    width:70%;
}
.piccont{
	height:53px;
	background:#f00;
}
.piccont img{
	width:53px;
	height:53px;
}
.J_trade_status  .contact{
	padding:0;
}
.J_trade_status  .contact table{
	border:none;
	height:100%;
}
.contact td{
	width:33%;
	height:100%;
	border-bottom:none;
}
.J_trade_status .nobt{
	border-top:none;
}
.w253z{
	width:25.3%;
}
.portextp {
	text-align:center;
}
.pt30b40{
	padding-top:30px;
	padding-bottom:40px;
}
.contws section{
	font-weight:normal;
}
.contws .fwb{
	font-weight:bold;

}
.pt10{
padding-top:10px;
}
.pt15b18{
padding-top:15px;
padding-bottom:18px;
}
.portextp span{
    width:80px;
    display:inline-block;
}
.portextp img{
    width:100%;
}
.portextp span{
    border-bottom:none;
}






    </style>
</head>
<body class="bgeee">
<header id="">

</header>
<section class="contws">
    <h2>龙华街道油松社区工作站“三小”场所消防安全巡查复查记录表</h2>
    <section class="contws">
        <p class="tr" id="Place_ID">XL-D1-00292</p>
        <p><strong><span id="name">网络科技</span></strong></p>
        <div class="pt10">
            根据《中华人民共和国安全法》，《中华人民共和国消费法》，《深圳市安全管理条例》和《深圳经济特区消防条例》，《“三小场所”消防安全治理标准》等法律法规及我区消防安全巡查工作有关规定，我单位巡查员于<strong><span
                id="check_date">2016-08-03 16：17:46</span></strong>对你单位消防安全状况进行了检查。经查你单位消防安全隐患:
        </div>
        <section class="pt10 fwb">
            <ul class="towmodule">
                <li>未完成整改:</li>
                <li id="item_unComplete">无</li>
            </ul>
            <div id="itemUnCompleteImgs">

            </div>
        </section>
        <section class="pt10 fwb">
            <ul class="towmodule">
                <li>已完成整改:</li>
                <li id="item_complete">无</li>
            </ul>
            <div id="itemCompleteImgs">

            </div>
        </section>
        <div class="pt10">
            现责令你单位位于<strong><span id="complete_date">2016-08-03 16：17:46</span></strong>前将上述消防安全隐患整改完毕，逾期未整改的将移送有关部门依法处理。
        </div>
        <section class="pt15b18">
            场所负责人签名(盖公章):<span ><img id="evidence" width="80" height="80"/></span>
        </section>
        <section class="pt10">
            检查人签名:<span><img id="remark" width="80" height="80"/><img id="remark2" width="80" height="80"/></span>
        </section>
        <p class="tr">深圳市龙华区龙华街道油松社区工作站（盖公章）</p>
        <p class="tr" id="thetim">2016-08-03 </p>
        <section class="portextp">
            <div><span><img id="path"
                            src="file:///storage/emulated/0/Android/data/dl.com.zf.sanxiao_check/cache/badge.png"/></span>
            </div>
            本文书一撕两联：第一联由本本办公室备案，第二联交检查单位。
        </section>

    </section>

</section>

<footer class="">

</footer>

<script>
    time();
    function time() {
             var d = new Date();
            var str = d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate()+" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
            var TheTime = document.getElementById("thetim");
            TheTime.innerHTML = str;

    }
   // onload=function(){
   //     var a = {"Place_ID":"GF-S16:00005","checkDate":"2016-08-04 15:44:24","completeDate":"2016-08-11 15:44:24","item_complete":"无","item_unComplete":"未办理营业执照（含营业执照已过期或营业执照地址与实际地址不符合）-存在木阁楼-场所内住人一人以上-未设置第二逃生出口，逃生窗-","name":"车库(地址：上早村A10栋101(上早村113号）)"}
   //     initData(a);
  //  }

	function setData(json) {
			var jsonObj = JSON.parse(json);
			initData(jsonObj);
	}

	function print() {
			var html = document.getElementsByTagName("html")[0].innerHTML;
			html = html.replace(/<meta([^>]*)>/gi, '<meta $1 />');
			html = html.replace(/<input([^>]*)>/gi, '<input $1 />');
			html = html.replace(/<br([^>]*)>/gi, '<br $1 />');
			html = html.replace(/<img([^>]*)>/gi, '<img $1 />');
			html = html.replace(/<hr([^>]*)>/gi, '<hr $1 />');
			android.setResult("<html>" + html + "</html>");
	}

	function initData(obj){

			  id("name").innerHTML = obj.name;
			  id("Place_ID").innerHTML=obj.Place_ID;
			  id("check_date").innerHTML=obj.checkDate;
			  id("complete_date").innerHTML=obj.completeDate;
			  id("path").src=obj.path;
			  console.log("----------","initData")
			  console.log("----------",obj.item_unComplete)
			  id("item_unComplete").innerHTML=obj.item_unComplete.replace(/\$/gi, '"');
			  id("item_complete").innerHTML=obj.item_complete.replace(/\$/gi, '"');
                id("evidence").src=obj.evidence;
              id("remark").src=obj.remark;
              id("remark2").src=obj.remark2;

	}


	 function id(id){
		 return document.getElementById(id);
	 }







</script>


</body>
</html>